<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="css/order.css" />
    <title>订单取消页面</title>
</head>
<body>
	<div class="main">
		<div class="order">
			<div class="order-item">
				<!-- 头部 -->
			    <div class="shop-header">
					<img class="icon" src="img/Book.png">
			        <div class="shop-name">恒畅图书音像专营店</div>
			        <div class="order-cancel">交易已取消</div>
			    </div>
				<!-- （详细信息）身体 -->
			    <div class="product-info">
			        <img class="book-cover" src="img/Book.png">
			        <div class="details">
			            <div class="title">10分钟读懂经济学原理漫画图解版</div>
			            <div class="content">【认准正版】10分钟读懂经济学原理</div>
			            <div class="price">￥4.9</div>
			            <div class="quantity">x1</div>
			        </div>
			    </div>
				<!-- 底部 实付 -->
			    <div class="Shifu">
			        券应付：￥1.9（免运费）
			    </div>
				<!-- 底部 -->
			    <div class="act">
			        <button class="button delete-button">删除订单</button>
			        <button class="button reorder-button">再次拼单</button>
			    </div>
			</div>
		</div>
		
	</div>
	
</body>
</html>